.match_list {
	background:#fff;
	padding: 25px 0px;

	.match_container {
		padding-left: 5%;
		
		.item_wrapper {
			width: 100%;
			float: left;
			border-top: 1px solid #f3f3f3;
			height: 60px;

			.item {
				width: 100%;
				float: left;
				height: inherit;
				padding: 0px 2%;

				.date {
					width: 10%;
					float: left;
					height: inherit;

					.day {
						
						display: inline-block;
						line-height: 32px;
						float: left;
						width: 38px;
						padding-top: 3px;
						font-weight: 700;
						font-size: 32px;
						text-align: center;
					}
					.month {
						display: inline-block;
						font-size: 22px;
						clear: left;
						line-height: 13px;
						float: left;
						text-align: center;
						width: 38px;
					}
				}
				.description {
					width: 90%;
					float: left;
					height: inherit;

					.line_up {
						line-height: 60px;
						font-size: 16px;
						letter-spacing: 1px;
					}
					.time {
						float: right;
						line-height: 60px;
						font-size: 16px;
						color:#C92228;
						font-style: italic;
					}
				}
			}
		}
		.item_wrapper:hover {
			cursor: pointer;

			.item {
				background: #C92228;
				border-top: #fff; 
			}
			.day {
				color: #fff;
			}
			.item .description .line_up {
				color: #fff;
			}
			.item .description .time {
				color: #fff;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.match_list {
		.match_container {
			padding: 0px 15px;

			.item_wrapper {
				.item {
					padding: 0;

					.date {
						width: 20%;

						.day {
							font-size: 28px;
						}
						.month {
							font-size: 20px;
						}
					}
					.description {
						width: 80%;

						.line_up {
							font-size: 14px;
							letter-spacing: 0px;
						}
					}
				}
			}
		}
	}
}